<!DOCTYPE html>
<html>
<%- include('components/head.ejs'); %>
<body>
    <%- include('components/header.ejs'); %>
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="/" style="color: #000">首页</a></li>
            <li class="active"><%= catagory%></li>
        </ol>
        <img src="/data/images/mooncake.png" alt="" style="width:100%;height: 300px;">
        <div style="margin-top: 70px;">
            <h2 style="text-align: center"><img src="/data/images/mid-autumn-title.png" alt=""></h2>
            <ul style="margin-top: 70px;">
                <li class="product-item row">
                    <img class="col-xs-5" src="" alt="" width="500px" height="386px">
                    <div class="col-xs-6">
                        <div style="border-bottom: 1px solid #333333">
                            <h2>团圆和美1358g•蛋黄白莲蓉四口味</h2>
                            <h5>多味纷享，甜香咸脆一尝在尝</h5>
                        </div>
                        <div style="height: 160px;"></div>
                        <div class="row" style="height: 140px;">
                            <img class="col-xs-3" src="/images/erweima.png" alt="团员和美">
                            <p class="col-xs-3" style="margin-top: 36px;">手机扫一扫</br>一秒变礼盒</p>
                            <p class="col-xs-offset-9" style="margin-top: 36px;"><span style="font-size: 2em;font-weight: bold;color: #f80000;">128</span>元/盒</p>
                        </div>
                    </div>
                </li>
                <li class="product-item row">
                    <img class="col-xs-5" src="" alt="" width="500px" height="386px">
                    <div class="col-xs-6">
                        <div style="border-bottom: 1px solid #333333">
                            <h2>团圆和美1358g•蛋黄白莲蓉四口味</h2>
                            <h5>多味纷享，甜香咸脆一尝在尝</h5>
                        </div>
                        <div style="height: 160px;"></div>
                        <div class="row" style="height: 140px;">
                            <img class="col-xs-3" src="/images/erweima.png" alt="团员和美">
                            <p class="col-xs-3" style="margin-top: 36px;">手机扫一扫</br>一秒变礼盒</p>
                            <p class="col-xs-offset-9" style="margin-top: 36px;"><span style="font-size: 2em;font-weight: bold;color: #f80000;">128</span>元/盒</p>
                        </div>
                    </div>
                </li>
                <li class="product-item row">
                    <img class="col-xs-5" src="" alt="" width="500px" height="386px">
                    <div class="col-xs-6">
                        <div style="border-bottom: 1px solid #333333">
                            <h2>团圆和美1358g•蛋黄白莲蓉四口味</h2>
                            <h5>多味纷享，甜香咸脆一尝在尝</h5>
                        </div>
                        <div style="height: 160px;"></div>
                        <div class="row" style="height: 140px;">
                            <img class="col-xs-3" src="/images/erweima.png" alt="团员和美">
                            <p class="col-xs-3" style="margin-top: 36px;">手机扫一扫</br>一秒变礼盒</p>
                            <p class="col-xs-offset-9" style="margin-top: 36px;"><span style="font-size: 2em;font-weight: bold;color: #f80000;">128</span>元/盒</p>
                        </div>
                    </div>
                </li>
            </ul>
            <ul>
                <li class="product-item-small" style="margin-right: 1%">
                    <img src="" alt="" width="100%" height="330px">
                    <div style="padding: 0 15px;">
                        <div style="text-align: center;border-bottom: 1px solid #333333">
                            <h2>团圆和美1358g•蛋黄白莲蓉四口味</h2>
                            <h5>多味纷享，甜香咸脆一尝在尝</h5>
                        </div>
                        <div class="row" style="height: 140px;margin-top: 14px;">
                            <img class="col-xs-offset-1 col-xs-3" src="/images/erweima.png" alt="团员和美">
                            <p class="col-xs-3" style="margin-top: 36px;">手机扫一扫</br>一秒变礼盒</p>
                            <p class="col-xs-3" style="margin-top: 36px;"><span style="font-size: 2em;font-weight: bold;color: #f80000;">128</span>元/盒</p>
                        </div>
                    </div>
                </li>
                <li class="product-item-small">
                    <img src="" alt="" width="100%" height="330px">
                    <div style="padding: 0 15px;">
                        <div style="text-align: center;border-bottom: 1px solid #333333">
                            <h2>团圆和美1358g•蛋黄白莲蓉四口味</h2>
                            <h5>多味纷享，甜香咸脆一尝在尝</h5>
                        </div>
                        <div class="row" style="height: 140px;margin-top: 14px;">
                            <img class="col-xs-offset-1 col-xs-3" src="/images/erweima.png" alt="团员和美">
                            <p class="col-xs-3" style="margin-top: 36px;">手机扫一扫</br>一秒变礼盒</p>
                            <p class="col-xs-3" style="margin-top: 36px;"><span style="font-size: 2em;font-weight: bold;color: #f80000;">128</span>元/盒</p>
                        </div>
                    </div>
                </li>
                <li class="product-item-small" style="margin-right: 1%">
                    <img src="" alt="" width="100%" height="330px">
                    <div style="padding: 0 15px;">
                        <div style="text-align: center;border-bottom: 1px solid #333333">
                            <h2>团圆和美1358g•蛋黄白莲蓉四口味</h2>
                            <h5>多味纷享，甜香咸脆一尝在尝</h5>
                        </div>
                        <div class="row" style="height: 140px;margin-top: 14px;">
                            <img class="col-xs-offset-1 col-xs-3" src="/images/erweima.png" alt="团员和美">
                            <p class="col-xs-3" style="margin-top: 36px;">手机扫一扫</br>一秒变礼盒</p>
                            <p class="col-xs-3" style="margin-top: 36px;"><span style="font-size: 2em;font-weight: bold;color: #f80000;">128</span>元/盒</p>
                        </div>
                    </div>
                </li>
                <li class="product-item-small">
                    <img src="" alt="" width="100%" height="330px">
                    <div style="padding: 0 15px;">
                        <div style="text-align: center;border-bottom: 1px solid #333333">
                            <h2>团圆和美1358g•蛋黄白莲蓉四口味</h2>
                            <h5>多味纷享，甜香咸脆一尝在尝</h5>
                        </div>
                        <div class="row" style="height: 140px;margin-top: 14px;">
                            <img class="col-xs-offset-1 col-xs-3" src="/images/erweima.png" alt="团员和美">
                            <p class="col-xs-3" style="margin-top: 36px;">手机扫一扫</br>一秒变礼盒</p>
                            <p class="col-xs-3" style="margin-top: 36px;"><span style="font-size: 2em;font-weight: bold;color: #f80000;">128</span>元/盒</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <%- include('components/footer.ejs'); %>
    <%- include('components/share-panel.ejs'); %>
    <script src="/plugins/jquery-1.12.4.min.js"></script>
    <script src="/plugins/bootstrap-3.3.7.min.js"></script>
    <script src="/plugins/share.min.js"></script>
    <script>
        (function(){
            $(window).scroll(function () {
                if ($(this).scrollTop() > 50) {
                    $('#back-to-top').fadeIn();
                } else {
                    $('#back-to-top').fadeOut();
                }
            });
            // scroll body to 0px on click
            $('#back-to-top').click(function () {
                $('#back-to-top').tooltip('hide');
                $('body,html').animate({
                    scrollTop: 0
                }, 800);
                return false;
            });
            $('#back-to-top').tooltip('show');

            $('#share-btn').click(function(){
                var $panel = $('.share-panel');
                $panel.css("left") == '0px' ? $panel.animate({left: -440+'px'}, 300): $panel.animate({left: 0}, 300)
            })
        })()
    </script>
</body>
</html>